﻿<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-16">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Udx Data Generater 1.0</title>

    <link rel="stylesheet" href="UdxMaker/css/bootstrap.min.css" />
    <link rel="stylesheet" href="UdxMaker/plugins/bootstrap-table/bootstrap-table.css" />

    <link rel="stylesheet" href="UdxMaker/css/bootstrap-treeview.css" />
    <link rel="stylesheet" href="UdxMaker/fonts/font-awesome-4.7.0/css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="UdxMaker/js/bootstrap-toastr/toastr.min.css" type="text/css">
    <link rel="stylesheet" href="UdxMaker/css/custom-css/Custom-style.css" type="text/css">
    <link rel="stylesheet" href="UdxMaker/css/page-css/udx-data.css" type="text/css">
</head>


<body>
    <div class="container-fluid">
        <div class="row">
            <div id="udx-tree-view" class="panel panel-default col col-md-3">
                <div id="udx-tree-view-head" class="panel-heading">Udx Data</div>
                <div class="panel-body">
                    <div id="tree">

                    </div>
                </div>
            </div>


            <div class="col col-md-9">
                <div id="node-view">
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon11">Name</span>
                        <input id="node_name" type="text" class="form-control" placeholder="Node Name" aria-describedby="basic-addon1">
                    </div>
                    <br />
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon22">Node Type</span>
                        <input id="node_type" type="text" disabled="true" class="form-control" placeholder="Node Type"
                            aria-describedby="basic-addon2">
                    </div>
                    <br />

                    <div id="node-value-table-panel" class="panel panel-default">
                        <div class="panel-heading">Operate Node Value</div>
                        <div id="table-panel-body" class="panel-body">
                            <span id="add-row" class="custom-btn custom-btn-blue">Add Row </span>
                            <span id="delete-row" class="custom-btn custom-btn-red">Delete Row </span>
                            <table id="node-value-table" data-height="250"></table>
                        </div>
                    </div>
                    <br />
                    <div class="operate-btn">
                        <span id="load-schema" title="Load UDX data form UDX data file or UDX schema file" class="custom-btn custom-btn-blue">Load</span>
                        <span id="update-udx-data" title="Update current change to UDX data" class="custom-btn custom-btn-red">Update</span>
                        <span id="show-view" title="Show current UDX data content" class="custom-btn custom-btn-yellow"
                            data-toggle="modal" data-target="#view_modal">Content</span>
                        <span id="save-file" title="Save UDX data to file" class="custom-btn custom-btn-green">
                            <a id = "a-save-file" download="inputUdx.xml">Save</a>

                        </span>
                    </div>
                </div>
            </div>
        </div>


        <ul id="contextMenu" class="dropdown-menu">
            <li>
                <a id="add-sub" href="javascript:void(0);" data-toggle="modal" data-target="#add_node_modal">
                    Add Sub Node
                </a>
            </li>
            <li>
                <a id="delete" href="javascript:void(0);">Delete</a>
            </li>
        </ul>
        <a id="close-window" data-toggle="modal" data-target="#notification_modal" style="display:none"></a>
        <!--begin Add_Node Modal -->
        <div class="modal fade" id="add_node_modal" tabindex="-1" role="dialog" aria-labelledby="add_node_modalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="add_node_modalLabel">Add UDX Data Node</h4>
                    </div>
                    <div class="modal-body">

                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon1">Name</span>
                            <input id="add_node_name" type="text" tabindex="1" class="form-control" placeholder="Node Name"
                                aria-describedby="basic-addon1">
                        </div>
                        <br />
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon2">Node Type</span>
                            <select id="add_ndoe_type" tabindex="2" class="form-control">
                                <option title="Any type.">EKT_NODE</option>
                                <option>EKT_INT</option>
                                <option>EKT_REAL</option>
                                <option>EKT_STRING</option>
                                <option>EKT_VECTOR2</option>
                                <option>EKT_VECTOR3</option>
                                <option>EKT_VECTOR4</option>
                                <option>EKT_INT_LIST</option>
                                <option>EKT_REAL_LIST</option>
                                <option>EKT_STRING_LIST</option>
                                <option>EKT_VECTOR2_LIST</option>
                                <option>EKT_VECTOR3_LIST</option>
                                <option>EKT_VECTOR4_LIST</option>
                                <option>EKT_LIST</option>
                                <option>EKT_MAP</option>
                                <option>EKT_TABLE</option>
                            </select>
                        </div>
                        <br />
                    </div>
                    <div class="modal-footer">
                        <span class="custom-btn custom-btn-default" data-dismiss="modal">Close</span>
                        <span id="add_node" class="custom-btn custom-btn-green" tabindex="3" data-dismiss="modal">Add</span>
                    </div>
                </div>
            </div>
        </div>
        <!--end Add_Node Modal-->

        <!--begin notification Modal -->
        <div class="modal fade" id="notification_modal" tabindex="-1" role="dialog" aria-labelledby="notification_modalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="notification_modalLabel">Be sure to leave?</h4>
                    </div>
                    <div class="modal-body">
                        <h5>Please make sure that all the data has been saved into a file.Have you already done it?
                        </h5>
                    </div>
                    <div class="modal-footer">
                        <span class="custom-btn custom-btn-green" tabIndex="-1" data-dismiss="modal">Oh,I forgot</span>
                        <span id="continue-going" class="custom-btn custom-btn-gray" tabIndex="4" data-dismiss="modal">Sure</span>
                    </div>
                </div>
            </div>
        </div>
        <!--end notification Modal-->

        <!--begin show-view Modal -->
        <div class="modal fade" id="view_modal" tabindex="-1" role="dialog" aria-labelledby="view_modalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="view_modalLabel">UDX data</h4>
                    </div>
                    <div class="modal-body">
                        <div>
                            <pre id="view-xml">
                               xml
                           </pre>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <span class="custom-btn custom-btn-default" data-dismiss="modal">Close</span>
                    </div>
                </div>
            </div>
        </div>
        <!--end show-view Modal-->
        <script type="text/javascript" src="UdxMaker/js/require.js"></script>
        <script type="text/javascript" src="UdxMaker/js/jquery-3.2.1.min.js"></script>
        <script type="text/javascript" src="UdxMaker/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="UdxMaker/js/bootstrap-treeview.js"></script>
        <script type="text/javascript" src="UdxMaker/js/UDX.js"></script>
        <script type="text/javascript" src="UdxMaker/js/custom-js/GUdxData.js"></script>
        <script type="text/javascript" src="UdxMaker/js/custom-js/GSchema.js"></script>

        <script type="text/javascript" src="UdxMaker/js/bootstrap-toastr/toastr.js"></script>
        <script type="text/javascript" src="UdxMaker/plugins/bootstrap-table/bootstrap-table.js"></script>

        <script type="text/javascript" src="UdxMaker/js/custom-js/contextMenu.js"></script>
        <script type="text/javascript" src="UdxMaker/js/custom-js/JsHandle.js"></script>
        <script type="text/javascript" src="UdxMaker/js/page-js/udx-data.js"></script>
        <script type="text/javascript" src="UdxMaker/js/custom-js/my-table.js"></script>
    </div>
</body>

</html>